<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>真爱大挑战</title>
	<style>
	*{margin: 0;padding: 0;border: none;}
	canvas{}
	#integral{position:fixed;top:0px;left:0px;height:30px;line-height: 30px;width: 100%;color: #fff;}
	.layer{
		width:100%;
		height:650px;
		position:fixed;
		opacity: 0.8;
		background: #000;
		z-index: 1;
		color: #fff;
		padding-top: 100px;
		text-align: center;
		left:0px;
		top:0px;
		display: none;
	}
	#gameover{
	}
	#gameover div{
		line-height: 50px;
		height:auto;
		margin-bottom: 20px;
	}
	#gameover a{color: #fff;text-decoration:none;width:200px;height:50px;border-radius: 10px;border:5px solid #ff4400;background: #ff4040;display:block;margin:0 auto;}
	#arrow{
		background: url('assets/arrow.png') no-repeat;
	}
	</style>
</head>
<body>
<img src="assets/share.jpg" alt="" style="position:fixed;z-index:-1;width:400px;height:400px;">
<div id="gameover" class="layer">
	<div>你成功错过了<span id="miss_over">0</span>次真爱</div>
	<div><a href="javascript:void(0);" onclick="document.getElementById('arrow').style.display = 'inline';this.parentNode.parentNode.style.display = 'none';">分享到朋友圈</a></div>
	<div><a href="javascript:void(0);" onclick="window.history.go(0);">再来一发</a></div>
</div>
<div id="arrow" class="layer" onclick="this.style.display = 'none';document.getElementById('gameover').style.display = 'inline';">
	
</div>
<diy id="main">
	<div id="integral">
		<!-- 爱心：<span id="heart">0</span> -->
		Miss：<span id="miss">0</span>
		<span id="coordinate">0</span>
	</div>
	<canvas id="canvas" width="400" height="600"></canvas>
</diy>
<script src="main.js"></script>
</body>
</html>